﻿.apb-content {height:575px;overflow:auto}
.apb-content .hvr-reveal:before {border-color:#bbbaba}
.apb-katakana,.apb-practive {display:none}
.apb-box {padding:8px}
.apb-item {text-align:center;cursor:pointer;overflow:hidden}
.apb-jp {font-size:30px;color:#009688}
.apb-vn,.apb-trans {font-size:18px}
.apb-speak-five-btn {text-align:center;padding:9px 0;font-size:18px;cursor:pointer}
.apb-detail {padding:7px}
.apb-title-text {font-weight:500}
.apb-img {display:none;width:100%;margin-bottom:0}
.apb-tutorial-text {color:#bbbaba;padding:15px 5px}
.apb-writing-view {width:240px;height:240px;margin:0 auto;text-align:center}
.apb-writing-view svg {width:100%;height:100%}
.apb-redraw-btn,.apb-rewriting-btn {cursor:pointer}
.apb-drawing-box {height:230px}
.apb-drawing {cursor:pointer}
.apb-detail-content {display:none}
.apb-speak-btn,.apb-redraw-btn,.apb-rewriting-btn {width:25px;height:25px;text-align:center;line-height:25px;display:inline-block;border:1.5px solid;border-radius:50%;font-size:16px;transition:all 0.5s}
.apb-speakable-btn {color:#009688;cursor:pointer}
.apb-practive-slide {height:100%}
.apb-practive-question {padding: 28px;font-size:18px;text-align:center}
.apb-practive-value {font-size:22px}
.apb-practive-btn-box {padding: 15px 0 25px 0;width:50%;float:left}
.apb-practive-btn,.apb-choose-btn {padding: 11%;font-size:21px;width:58%}
.apb-check-sound-btn {padding:2% 5%}
.apb-practive-check-btn,.apb-next-question-btn,.apb-renew-btn {padding: 2.5% 8%;font-size:18px}
.apb-check-sound-done {display:none}
.apb-next-question-btn {display:none}
.apb-practive-progress {width:100%;display:none}
.apb-right-answer-bar {width:0px;transition:all 0.3s}
.apb-congratulation {height:100%;padding:20% 0}